@extends('edu::layouts.front')
@section('content')
    <div class="">
        <div class="head  d-flex flex-column justify-content-center align-items-center">
            <h1 class="text-white text-center ">
                投资学习永远是最聪明的
            </h1>
            <h2 class="text-white-50 mt-5">订阅会员免费观看网站所有视频</h2>
        </div>
        <div class="container">
            <div class="body">
                <div class="row">
                    @foreach($subscribes as $subscribe)
                        <div class="col-12 col-md-4 mt-3">
                            <div class="card shadow-lg item">
                                <div class="card-body text-center pb-4 pt-5 shadow">
                                    <i
                                        class="fa-5x text-primary {{$subscribe->icon}}">

                                    </i>
                                    <div class="mt-4 mb-2">
                                        <h3>{{$subscribe->price}}<small>元</small></h3>

                                    </div>
                                    <div class="title font-weight-bold text-secondary">{{$subscribe->title}}</div>
                                </div>
                                <div class="card-footer text-muted text-center pb-5 pt-4 shadow">
                                    <h5
                                        class="text-center mb-3 mt-2 text-lg font-weight-bold">
                                        {{$subscribe->ad}}
                                    </h5>
                                    <div role="group" aria-label="Basic example" class="btn-group">
                                        <a target="_blank"
                                           href="{{route('edu.front.subscribe.alipay',$subscribe)}}"
                                           class="btn btn-success">
                                            支付宝付款
                                        </a>
                                        @include('edu::subscribe_front.wepay_qr',['subscribe'=>$subscribe])
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            <div class="container text-secondary text-center mt-5">
                <a
                    href="" class="mb-3 btn btn-info shadow-sm">
                    <i
                        class="fas fa-info-circle mr-2"></i>
                    支付成功后无法跳转请点击这里
                </a>
                <p>视频属于虚拟物品，购买后不支持退款</p>
                <p>
                    支付的费用仅用于观看视频，并不包含其他服务（如在线解答），有问题发到网站我们会尽量帮助解决。 祝你学有所成，加油！
                </p></div>
        </div>
    </div>
@endsection
